
// ---------------- VARIABLES POUR LES COULEURS DE BASE -----------------------
@grisclaire: #f5f5f5;            
@gris:      #e6e6e6;            // inside background
@bleu1:     #afd2e6;            // buttons
@bleu2:     #87bedc;            // buttons:hover
@bleu3:     #55a0d2;
@bleu4:     #327daa;
@bleu4:     #195582;            // outside background


// --------------- Affichage tableau de recherche, tableau déroulant, détails personnes --------------------

#tableauRecherche {
    margin-bottom: 20px;
}
#tableauRecherche thead tr th{
    padding: 5px 9px;    
    background: @bleu4;
    color:  white;
}
#tableauRecherche .actions {
    font-size: 0.8em;
    height: 11px;
    line-height: 10px;
    text-decoration: none;
}
#tableauRecherche a {
    color:  black;
    text-decoration: underline;
}
#tableauRecherche a:visited {
    color:  black !important;
}
#tableauRecherche thead {
    width: 590px;
}

#animalRechercheID, #personneRechercheID {
    width: 25px;
}

#animalRechercheNo, #animalRechercheSexe {
    width:  70px;
}
#animalRechercheDeuxNom, #animalRechercheType,
#personneRechercheNom, #personneRecherchePrenom, #personneRechercheEmail {
    width:  105px;
}
#animalRechercheAction, #personneRechercheAction {
    width: 50px;
}



.liste_deroulante {
	margin:     0px;
	padding:    0px;
	width:  383px;
}
.entete_liste {
        font-size: 0.9em;
	padding:    5px 10px;
	width:      570px;
	cursor:     pointer;
	position:   relative;
	background-color:   @bleu1;
	margin:     1px;
        font-weight: bold;
}
.entete_liste:hover {
	background-color:   @bleu2;
}

.contenu_liste {
        font-size: 0.9em;
        padding:    5px;
	background-color:   @grisclaire;
	width:      590px;
        border-spacing: 0px;
}
.details, #tableauRecherche {
	background-color:   @grisclaire;
	width:      590px;
        border-spacing: 0px;
        font-size: 0.9em;
        text-align: left;
}
.contenu_liste td, .details td, #tableauRecherche td {
        padding: 5px 10px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
.contenu_liste tr td.description, .details tr td.description {
        width: 160px;
}
.contenu_liste tr td.valeur {
        width: 370px;
}
.contenu_liste tr td.valeurAnimal {
        width: 248px;
}

.contenu_liste tr:nth-child(even), .details tr:nth-child(even),
#tableauRecherche tr:nth-child(even)  {
	background: #eee;
	}

// -------------------------- Historique animal ------------------------------

.contenu_liste #formDeplacement table tr td input.submit,
.contenu_liste #formHistorique table tr td input.submit,
.contenu_liste #formRemarque table tr td input.submit, {
    display: block;
    padding: 5px;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 2px;
    height: 23px;
}
#formDeplacement table,
#formHistorique table,
#formRemarque table {
    border-spacing: 0px;
}

th.anHistDate, th.anDeplDate, th.anRemDate,td.anRemDate {
    width:  100px;
}
td.anHistDate input, td.anDeplDate input, td.anRemDate input {
    width:  61px !important;
}
th.anHistCause {
    width:  92px;
}
td.anHistCause input {
    width:  28px !important;
}
th.anHistPers,th.anRemPers {
    width:  60px;
}
td.anHistPers input,td.anRemPers input {
    width:  28px !important;
}
th.anHistNPA {
    width:  60px;
}
td.anHistNPA input {
    width:  28px !important;
}
th.anHistCom {
    width:  170px;
}
td.anHistCom input {
    width:  138px !important;
}
td.anHistAjouter input, a.anHistSupprimer {
    width:  82px !important;
    font-size: 0.85em;
    color: black !important;
}
th.anDeplID,th.anRemID {
    width: 35px;
}
th.anDeplBat {
    width: 173px;
}
td.anDeplBat input {
    width: 20px !important;
}
th.anDeplLoge {
    width: 160px;
}
td.anDeplLoge input {
    width: 20px !important;
}
th.anRemType {
    width: 90px;
}
td.anRemType input {
    width: 58px !important;
}
th.anRemarque, td.anRemarque {
    width: 145px;
}
td.anRemarque input {
    width: 147px !important;
}
th.anRemAction {
    width: 102px;
}
#formRemarque table, #formDeplacement table{
    width: 580px;
}
th.anDeplSupprimer {
    width: 160px;
}


// --------------------------- Calendrier -------------------------------------

.ds_box {
	background-color:   #FFF;
	border:     1px solid #000;
	position:   absolute;
	z-index:    32767;
}

.ds_tbl {
	background-color:   #FFF;
}

.ds_head {
	background-color: #333;
	color:          #FFF;
	font-size:      13px;
	font-weight:    bold;
	text-align:     center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color:          #000;
	font-size:      12px;
	font-weight:    bold;
	text-align:     center;
	width:          32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} // This hover code won't work for IE 